import React, { memo } from 'react'
import { connect } from 'react-redux'
import Scroll from '../../baseUI/scroll/index'
import Tabbar from '../../components/my/tabbar/Tabbar'
import Classify from '../../components/my/classify/Classify'
import MyMoney from '../../components/my/myMoney/MyMoney'
import Action from '../../components/my/action/Action'
import Recommend from '../../components/my/recommend/Recommend'
import './My.css'

const My = (props) => {
    const { } = props

    return (
        <div className="my">
            <div className="fixed-img">
                    <img src="https://p0.meituan.net/160.160/linglong/310af05a13b58fea7f39fd45e73f49ae202400.gif" alt="" />
            </div>
            <div className="my-hd">
            <Scroll
                direction="vertical"
                refresh={false}
                
            >
                <div className="my-scroll">
                    <Tabbar />
                    <Classify />
                    <MyMoney />
                    <Action />
                    <Recommend />
                </div>
            </Scroll>
            </div>
        </div>
    )
}

const mapStateToProps = (state) => {
    return {
    }
}
export default connect(mapStateToProps, {})(memo(My))